<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<style>

ul,h1,h2,li{
	margin:0;
	padding:0;	
}
div{
	border:solid 2px rgb(180,190,230);	
	width:200px;
	background-color: rgb(245,249,253);
}
h2 {
	background: url(images/title_icon.gif) 5px center;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #006;
	padding-left: 25px;
	line-height: 28px;
}
li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(215,220,230);
	list-style: none;
	line-height: 22px;
	padding-left: 10px;
	background-image: url(images/submenu.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}
li a{
	text-decoration:none;
	color:#000;
	font-size:14px;
}
li a:hover{
	text-decoration:underline;
	color:#f00;
}

</style>
</head>

<body>
<div>
<h2>课程导航</h2>
<ul>
  <li> <a href="#">ACCP 软件工程师</a></li>
  <li><a href="#"> BTEST 软件测试工程师</a></li>
  <li><a href="#"> BENET 网络工程师</a></li>
  <li><a href="#"> JBNS 网站工程师</a></li>
  <li><a href="#"> ACCP 启蒙星</a></li>
  <li><a href="#"> ANDROID 软件工程师</a></li>
  <li><a href="#"> JAVA 软件工程师</a></li>
  <li><a href="#"> .NET 软件工程师</a></li>
  <li><a href="#"> 网络营销</a></li>
</ul>
</div>
</body>
</html>
